<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>萌宝购物</title>
	<link rel="stylesheet" type="text/css" href="tbk/themes/css/core.css">
	<link rel="stylesheet" type="text/css" href="tbk/themes/css/icon.css">
	<link rel="stylesheet" type="text/css" href="tbk/themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">
	<style type="text/css">

		#scrollBg{ width: 100%; height: 45px; line-height: 45px;background: rgba(65, 0, 137, 0.8); display: none; z-index:-1; position: fixed; left: 0; top:0; text-align: center; font-size: 20px; color: #fff; }

		.n-tabs {
			position: fixed;
			top:44px;
			left: 0;
			width: 100%;
			height: 41px;
			overflow: hidden;
			z-index: 1000;
			background-color: #fff;
			box-shadow: 0 0 2PX 0PX rgba(155,143,143,0.6);
			-webkit-box-shadow: 0 0 2PX 0PX rgba(155,143,143,0.6);
			-moz-box-shadow: 0 0 2PX 0PX rgba(155,143,143,0.6);
		}
		.n-tabs .edge {
			position: fixed;
			top: 0;
			height: 41px;
			width: 100%;
			border-bottom: 1px solid #e5e5e5;
		}
		.n-tabs .n-tabContainer {
			-webkit-overflow-scrolling: touch;
			position: relative;
			top: 0;
			left: 0;
			overflow-x: auto;
			overflow-y: hidden;
			padding-left: 16px;
			height: 51px;
			font-size: 14px;
			color: #333;
			white-space: nowrap;
		}
		.n-tabs .n-tabContainer .navtab {
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
		}

		.n-tabs .n-tabContainer .n-tabItem {
			-webkit-box-flex: 1;
			-webkit-flex-grow: 1;
			flex-grow: 1;
			-webkit-flex-shrink: 0;
			flex-shrink: 0;
			display: inline-block;
			height: 41px;
			line-height: 41px;
			text-align: center;
			margin-left: 20px;
		}
		.n-tabs .n-tabContainer .n-tabItem:first-child {
			margin-left: 0;
		}
		.n-tabs .n-tabContainer .n-tabItem .current {
			display: inline-block;
			height: 41px;
			border-bottom: 2px solid #e31436;
			color: #e31436;
		}
	</style>
</head>
<body>
  <div id="vue">

	<header class="aui-header-default aui-header-fixed aui-header-clear-bg"> <!-- aui-header-clear-bg 清除背景色 -->
		<!--扫一扫-->
		<!--<a href="#" class="aui-header-item">-->
			<!--<i class="aui-icon aui-icon-code"></i>-->
		<!--</a>-->
		<div class="aui-header-center aui-header-center-clear"  style="margin-right:50px;">
			<div class="aui-header-search-box" style="background-color:#fff">
				<i class="aui-icon aui-icon-small-search"></i>
				<form action="">
				  <input id="searchfor" type="search"  placeholder="手机狂欢节 抢 iPhone X" onkeyup="if(event.keyCode==13) {fn()}" class="aui-header-search">
				</form>
			</div>
		</div>
		<!--消息-->
		<!--<a href="#" class="aui-header-item-icon" style="position:absolute; right:-35px; top:0;">-->
			<!--<i class="aui-icon aui-icon-member-1"></i>-->
		<!--</a>-->
		<div id="scrollBg"></div>
	</header>
	<div class="aui-content-box">
		<div class="aui-banner-content " data-aui-slider>
			<div class="aui-banner-wrapper">
				<div class="aui-banner-wrapper-item" v-for="(o,index) in bannerList">
					<a :href="o.url">
						<img :src="o.imgurl" style="height: 17em" />
					</a>
				</div>
<!--				<div class="aui-banner-wrapper-item">-->
<!--					<a href="https://mos.m.taobao.com/union/pinpaitemaib?pid=mm_516040192_818900268_109516700295&union_lens=lensId%3APUB%401572096423%400b83c05b_0daf_16e083fb757_0801%4001">-->
<!--						<img src="tbk/themes/img/banner/pptm.jpg" width="450" />-->
<!--					</a>-->
<!--				</div>-->
<!--				<div class="aui-banner-wrapper-item">-->
<!--					<a href="https://s.click.taobao.com/I6axXxv">-->
<!--						<img src="tbk/themes/img/banner/yskq.jpg" width="450" />-->
<!--					</a>-->
<!--				</div>-->
<!--				<div class="aui-banner-wrapper-item">-->
<!--					<a href="https://mos.m.taobao.com/taokeapp/wishes/square.html?wh_alimama=true&pid=mm_516040192_818900268_109516700295&union_lens=lensId%3APUB%401572096461%400baf7c5e_0d33_16e08404c5e_07e0%4001">-->
<!--						<img src="tbk/themes/img/banner/ywqd.jpg" width="450" />-->
<!--					</a>-->
<!--				</div>-->
			</div>
			<div class="aui-banner-pagination"></div>
		</div>

		<section class="n-tabs" style="top: 205px;position: absolute;">
			<ul class="n-tabContainer" id="auto-id-1509603311057">
				<li class="n-tabItem" v-for="(o,index) in productChildList">
				   <a href="javascript:void(0)" @click="goProducts(o,index)"  class="pclass">{{o.name}}</a>
				</li>
			</ul>
		</section>

		<section class="aui-grid-content" style="margin-top: 45px;">
			<div class="aui-grid-row aui-grid-row-clears"> <!-- aui-grid-row-clear 清除 a标签 上下的边距 -->
				<!--<a href="tbk/my-sign.html" class="aui-grid-row-item">-->
					<!--<i class="aui-icon-large aui-icon-sign"></i>-->
					<!--<p class="aui-grid-row-label">每日签到</p>-->
				<!--</a>-->
				<a href="tbk/my-time.html" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-time"></i>
					<p class="aui-grid-row-label">淘抢购</p>
				</a>
				<!--<a href="tbk/my-membership.html" class="aui-grid-row-item">-->
					<!--<i class="aui-icon-large aui-icon-vip"></i>-->
					<!--<p class="aui-grid-row-label">会员专享</p>-->
				<!--</a>-->
				<a href="tbk/my-purchase.html" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-group"></i>
					<p class="aui-grid-row-label">聚划算</p>
				</a>
				<!--<a href="tbk/my-invitation.html" class="aui-grid-row-item">-->
					<!--<i class="aui-icon-large aui-icon-share"></i>-->
					<!--<p class="aui-grid-row-label">分享领券</p>-->
				<!--</a>-->
				<a href="javascript:void(0)" onclick="goPhone()" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-recharges"></i>
					<p class="aui-grid-row-label">手机充值</p>
				</a>
				<!--<a href="tbk/my-time.html" class="aui-grid-row-item">-->
					<!--<i class="aui-icon-large aui-icon-finance"></i>-->
					<!--<p class="aui-grid-row-label">金融理财</p>-->
				<!--</a>-->
				<a href="javascript:void(0)" onclick="goDianqi()" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-appliance"></i>
					<p class="aui-grid-row-label">电器商城</p>
				</a>
				<a href="tbk/my-purchase.html" class="aui-grid-row-item">
					<i class="aui-icon-large aui-icon-supermarket"></i>
					<p class="aui-grid-row-label">萌宝超市</p>
				</a>
				<!--<a href="tbk/my-invitation.html" class="aui-grid-row-item">-->
					<!--<i class="aui-icon-large aui-icon-personal"></i>-->
					<!--<p class="aui-grid-row-label">个人中心</p>-->
				<!--</a>-->
			</div>
		</section>
		<!--<section class="aui-content-six aui-border-t " style="background-color: #fff;">
			<div class="aui-flex-col aui-flex-center aui-border-tb">
				<div class="aui-flex-item-4 aui-flex-row aui-flex-middle aui-padded-10 aui-border-b" onclick="goTbkUrl(1)">
					<h3 class="aui-text-danger">电器城抢购</h3>
					<p>全场低至299</p>
					<img src="tbk/themes/img/ad/f1.jpg">
				</div>
				<div class="aui-flex-item-8 aui-border-l">
					<div class="aui-flex-col aui-padded-10 aui-border-b" onclick="goTbkUrl(2)">
						<div class="aui-flex-item-12">
							<div class="aui-flex-item-9">
								<h3 class="aui-text-info">创维新品</h3>
								<p>好品质选创维新品上市</p>
							</div>
							<div class="aui-flex-item-3 aui-text-right"><img src="tbk/themes/img/ad/f2.jpg"></div>
						</div>
					</div>
					<div class="aui-flex-col aui-border-b">
						<div class="aui-flex-item-6 aui-padded-10 " style="position: relative;">
							<h5 class="aui-text-warning">拍摄一族</h5>
							<p>喜欢旅游拍摄</p>
							<img src="tbk/themes/img/ad/f3.jpg">
						</div>
						<div class="aui-flex-item-6 aui-padded-10 aui-border-l ">
							<h5 class="aui-text-success">每日坚果</h5>
							<p>每天补充一下</p>
							<img src="tbk/themes/img/ad/f5.jpg">
						</div>
					</div>
				</div>
			</div>
		</section>-->
		<!--<div class="aui-avd-content clearfix">
			<a href="#">
				<img src="tbk/themes/img/pd/cf-1.jpg" alt="">
			</a>
			<a href="#">
				<img src="tbk/themes/img/pd/cf-3.jpg" alt="">
			</a>
		</div>-->
		<!--<div class="aui-title-head">
			<img src="tbk/themes/img/icon/i-i1.png"  alt="">
		</div>
		<div class="aui-slide-box aui-slide-box-clear">
			<div class="aui-slide-list">
				<ul class="aui-slide-item-list">
					<li class="aui-slide-item-item">
						<a href="#" class="v-link">
							<img class="v-img" src="tbk/themes/img/ad/tou-6.jpg">
						</a>
					</li>
					<li class="aui-slide-item-item">
						<a href="#" class="v-link">
							<img class="v-img" src="tbk/themes/img/ad/tou-5.jpg">
						</a>
					</li>
					<li class="aui-slide-item-item">
						<a href="#" class="v-link">
							<img class="v-img" src="tbk/themes/img/ad/tou-4.jpg">
						</a>
					</li>
					<li class="aui-slide-item-item">
						<a href="#" class="v-link">
							<img class="v-img" src="tbk/themes/img/ad/tou-3.jpg">
						</a>
					</li>
					<li class="aui-slide-item-item">
						<a href="#" class="v-link">
							<img class="v-img" src="tbk/themes/img/ad/tou-2.jpg">
						</a>
					</li>
					<li class="aui-slide-item-item">
						<a href="#" class="v-link">
							<img class="v-img" src="tbk/themes/img/ad/tou-1.jpg">
						</a>
					</li>
				</ul>
			</div>

		</div>
		<div class="aui-title-head">
			<img src="tbk/themes/img/icon/i-i2.png"  alt="">
		</div>
		<div class="aui-list-content">
			<div class="aui-list-item">
				<div class="aui-list-item-img">
					<img src="tbk/themes/img/pd/cf-4.jpg" alt="">
				</div>
				<div class="aui-slide-box">
					<div class="aui-slide-list">
						<ul class="aui-slide-item-list">
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-6.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">自动滚筒洗衣机 变频 碳晶银 蒸汽杀菌 智能水循环</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥4999</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥5699</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-7.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">科克兰 盐焗烘烤开心果 1.36千克</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥99</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥198</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-8.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">榙榙 咸鸭蛋黄饼干 80克/袋</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥12.9</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-9.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">唯他可可 椰子水饮料 330毫升/盒 12盒</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥189</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥299</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-8.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">巴黎水 含气青柠味饮料 330毫升 24</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥129</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥199</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-7.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">calbee 卡乐比 日本进口休闲零食佳可比黄油味薯条 90克/盒</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥19.9</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-6.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-8.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/pd-zf-6.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食 佳可丽色拉味薯条 60克/杯</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
									</p>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
			<div class="aui-title-head">
				<img src="tbk/themes/img/icon/i-i3.png"  alt="">
			</div>
			<div class="aui-list-item">
				<div class="aui-list-item-img">
					<img src="tbk/themes/img/pd/cf-5.jpg" alt="">
				</div>
				<div class="aui-slide-box">
					<div class="aui-slide-list">
						<ul class="aui-slide-item-list">
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-31.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">Whoo 后 秘贴焕然新生精华液护肤礼盒 精华45毫升</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥349</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥499</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-32.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">Sulwhasoo 雪花秀 润燥精华60毫升</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥99</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥198</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-17.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">雅诗兰黛 红石榴护肤三件套  红色正能</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥399</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥999</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="#" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-18.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">Whoo 后 拱辰享水 水妍护肤套装 </p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥189</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥299</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-19.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">惊喜水分套装 持续补水维持平衡</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥1349</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥4199</span>
									</p>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
			<div class="aui-title-head">
				<img src="tbk/themes/img/icon/i-i4.png"  alt="">
			</div>
			<div class="aui-list-item">
				<div class="aui-list-item-img">
					<img src="tbk/themes/img/pd/cf-7.jpg" alt="">
				</div>
				<div class="aui-slide-box">
					<div class="aui-slide-list">
						<ul class="aui-slide-item-list">
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-25.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">LA 女士宽松毛衣纯色针织衫外套长袖上衣</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥249</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥499</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-26.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">FIRSTMIX秋季新款宽松圆领女式针织开衫</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥99</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥198</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-27.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">maxwin 马威 女式八分袖针织连衣裙</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥122.9</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥149</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-28.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">唯他可可 椰子水饮料 330毫升/盒 12盒</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥189</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥299</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-29.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">巴黎水 含气青柠味饮料 330毫升 24</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥129</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥199</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-30.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">calbee 卡乐比 日本进口休闲零食佳可比黄油味薯条 90克/盒</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥19.9</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥49</span>
									</p>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
			<div class="aui-title-head">
				<img src="tbk/themes/img/icon/i-i5.png"  alt="">
			</div>
			<div class="aui-list-item">
				<div class="aui-list-item-img">
					<img src="tbk/themes/img/pd/cf-8.jpg" alt="">
				</div>
				<div class="aui-slide-box">
					<div class="aui-slide-list">
						<ul class="aui-slide-item-list">
							<li class="aui-slide-item-item">
								<a href="tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-20.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">nissen 凹凸纵横弹性沙发套</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥31149</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥11499</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-21.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">日本NITORI尼达利 三折坐垫 长毛条纹 浅棕 </p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥1199</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥1198</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-22.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">商城精选 对伴沙发</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥2399</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥9999</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-23.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">商城精选 韵白系列沙发三人位</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥9189</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥21299</span>
									</p>
								</a>
							</li>
							<li class="aui-slide-item-item">
								<a href="tbk/ui-product.html" class="v-link">
									<img class="v-img" src="tbk/themes/img/pd/sf-24.jpg">
									<p class="aui-slide-item-title aui-slide-item-f-els">商城精选 韵白系列沙发单人位</p>
									<p class="aui-slide-item-info">
										<span class="aui-slide-item-price">¥2349</span>&nbsp;&nbsp;<span class="aui-slide-item-mrk">¥4199</span>
									</p>
								</a>
							</li>
						</ul>
					</div>

				</div>
			</div>
		</div>-->

		<div class="aui-recommend">
			<img src="tbk/themes/img/bg/icon-tj1.jpg" alt="">
			<!--<h2>猜你喜欢的</h2>-->
		</div>
		<section class="aui-list-product">
			<div class="aui-list-product-box">
				<a style="padding: 10px 8px;"  v-for="item in productList" :key="item.seller_id" :href="item.coupon_share_url" class="aui-list-product-item">
					<div class="aui-list-product-item-img" style="border-radius: 6px;height: 16em;">
						<img :src="item.pict_url" alt="">
					</div>
					<div class="aui-list-product-item-text">
						<h3>{{item.title}}</h3>
						<div class="aui-list-product-mes-box">
							<div>
								<span class="aui-list-product-item-del-price">
									原价¥{{item.zk_final_price}}
								</span>
							</div>
						</div>
						<div class="aui-list-product-mes-box">
							<div>
								<span class="aui-list-product-item-price">
									<em>优惠价¥</em>
									{{(item.zk_final_price - item.coupon_amount) | numFilter}}
								</span>
							</div>
							<!--<div class="aui-comment">986评论</div>-->
						</div>
						<div class="aui-list-product-mes-box" style="margin-top: 10px;">
							<div style="border:0.5px solid red;padding: 4px 6px;border-radius: 6px;width: 8.5em;text-align:center;">
								<span class="aui-list-product-item-price" style="font-size: 1em;">
									<em  style="font-size: 1em;">优惠券¥</em>{{item.coupon_amount| numFilter}}
								</span>
							</div>
							<div style="border: 0.5px solid red;padding: 4px 0.2em;border-radius: 6px;width:3em;text-align:center;">
								<span class="aui-list-product-item-price" style="font-size: 1em;">
									<em  style="font-size: 1em;">领取</em>
								</span>
							</div>
						</div>
					</div>
				</a>
			</div>
			<p style="width: 50px;margin: 5px auto;">加载中...</p>
		</section>
	</div>

	<footer class="aui-footer-default aui-footer-fixed">
		<a href="javascript:void(0);" class="aui-footer-item aui-footer-active">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-home"></span>
			<span class="aui-footer-item-text">首页</span>
		</a>
		<a href="tbk/class.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-class"></span>
			<span class="aui-footer-item-text">分类</span>
		</a>
		<a href="tbk/find.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-find"></span>
			<span class="aui-footer-item-text">发现</span>
		</a>
		<a href="tbk/ui-me.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-me"></span>
			<span class="aui-footer-item-text">我的</span>
		</a>
	</footer>
  </div>
	<script type="text/javascript" src="tbk/themes/js/jquery.min.js"></script>
	<script type="text/javascript" src="tbk/themes/js/aui.js?v=10002"></script>
	<script type="text/javascript" src="tbk/themes/vue2/vue.js"></script>
	<script type="text/javascript" src="tbk/themes/js/base.js"></script>
    <script type="text/javascript" src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
	<script type="text/javascript">
        $(function () {
            //绑定滚动条事件
            //绑定滚动条事件
            $(window).bind("scroll", function () {
                var sTop = $(window).scrollTop();
                var sTop = parseInt(sTop);
                if (sTop >= 40) {
                    if (!$("#scrollBg").is(":visible")) {
                        try {
                            $("#scrollBg").slideDown();
                        } catch (e) {
                            $("#scrollBg").show();
                        }
                    }
                }
                else {
                    if ($("#scrollBg").is(":visible")) {
                        try {
                            $("#scrollBg").slideUp();
                        } catch (e) {
                            $("#scrollBg").hide();
                        }
                    }
                }
            });

            var u = navigator.userAgent;
            if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
                $(".n-tabs").css('top','190px');
            }

        })
        
        function goTbkUrl(i){
        	if(i==1){
        		window.location.href ='https://s.click.taobao.com/DvPJm6w';
        	}
        	if(i==2){
        		window.location.href ='https://s.click.taobao.com/5S5NU6w';
        	}
        }
        
        function fn() {
            var searchfor = $("#searchfor").val();
            if(searchfor == '' || searchfor == null){
                 return;
			}
            localStorage.setItem("searchfor",searchfor);
            localStorage.setItem("cId","");
            window.location.href = "tbk/my-products-class.html";
        }
        //进入手机充值
        function goPhone() {
            localStorage.setItem("searchfor","");
            localStorage.setItem("cId","50004958");
            window.location.href = "tbk/my-products-class.html";
        }
        //进入生活电器
		function goDianqi() {
            localStorage.setItem("searchfor","");
            localStorage.setItem("cId","50012100");
            window.location.href = "tbk/my-products-class.html";
        }
    var vue = new Vue({
        el: '#vue',
        data: {
          productList:[],
          items: 1,
		  b:true,
          productChildList:[],
		  bannerList:[]
        },
        created:function () {   //实例初始化创建完成执行
           this.getProductList();
           this.getProductChiladList();
           this.getBanner();
            window.addEventListener('scroll', this.onScroll);
        },

		filters: {
			numFilter (value) {
				let realVal = ''
				if (!isNaN(value) && value!== '') {
					// 截取当前数据到小数点后两位
					realVal = parseFloat(value).toFixed(2)
				} else {
					realVal = '--'
				}
				return realVal
			}
		},
        methods:{              //定义封装方法
            onScroll() {
                //可滚动容器的高度
                let innerHeight = document.querySelector('#vue').clientHeight;
                //屏幕尺寸高度
                let outerHeight = document.documentElement.clientHeight;
                //可滚动容器超出当前窗口显示范围的高度
                let scrollTop = document.body.scrollTop + document.documentElement.scrollTop;
                //scrollTop在页面为滚动时为0，开始滚动后，慢慢增加，滚动到页面底部时，出现innerHeight < (outerHeight + scrollTop)的情况，严格来讲，是接近底部。
                console.log(innerHeight + " " + outerHeight + " " + scrollTop+"   ");
                // alert(innerHeight + " " + outerHeight + " " + scrollTop+"   ");
                if ((innerHeight-110) < (outerHeight + scrollTop)) {
                    if(!this.b){
                        return;
					}
                    //加载更多操作
                    console.log("loadmore："+this.items);
                    this.items += 1;
                    this.b = false;
                    this.getProductList();
                }
            },
            //获取列表
            getProductList:function () {
                var self = this;
                // var osStr = self.getOs();
                // var netStr = self.getNet();
                $.ajax({
                    type:"POST",
                    url:CTX+"/open/h5/tbk/getYouLikeProductList",
                    dataType:"JSON",
                    data:{
                        pageNo:self.items
                    },
                    success:function(data){
                        if (data.code == 0) {
                            var list = self.productList;
                            var plist = data.data.tbk_dg_optimus_material_response.result_list.map_data;
							var arrList = list.concat(plist);
                            self.productList = arrList;
                            self.b = true;
                        } else {
                            
                        }
                    }
                });
            },
            getProductChiladList:function () {
                var self = this;
                $.ajax({
                    type:"POST",
                    url:CTX+"/open/h5/tbkMain/getProductClass",
                    dataType:"JSON",
                    data:{
                        pId:self.pId
                    },
                    success:function(data){
                        if (data.code == 0) {
                            self.productChildList = data.data;
                            setTimeout(function () {
                                $(".pclass").eq(0).addClass("current")
                            },300)

                        } else {

                        }
                    }
                });
            },
            goProducts:function (o,index) {
                $(".pclass").removeClass("current")
                $(".pclass").eq(index).addClass("current")
                if(o.cId != null){
                    localStorage.setItem("cId",o.cId);
                    localStorage.setItem("searchfor","");
                }else {
                    localStorage.setItem("cId","");
                    localStorage.setItem("searchfor",o.name);
                }
                window.location.href = "./tbk/my-products-class.html";
            },
			getBanner:function () {
				var self = this;
				$.ajax({
					type:"POST",
					url:CTX+"/open/h5/tbkMain/getIndexBanner",
					dataType:"JSON",
					data:{

					},
					success:function(data){
						if (data.code == 0) {
							self.bannerList = data.data;
						} else {

						}
					}
				});
			},
			getOs:function () {
                var u = navigator.userAgent;
                if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机
                    return "android";
                } else if (u.indexOf('iPhone') > -1) {//苹果手机
                    return "ios";
                } else{
                    return "other";
                }

            },
			getNet:function () {
                if(navigator.onLine){
                    return "wifi";
				}else{
                    return "cell";
				}
            }

        },
        watch:{     //监听器
          
        }

    })
       
	</script>
</body>
</html>